<template>
    <div class="indexServicePolicy" style="margin-top: 30px;">
        <div><i class="u-icon1"></i>网易自营品牌</div>
        <div><i class="u-icon2"></i>30天无忧退货</div>
        <div><i class="u-icon3"></i>48小时快速退款</div>
    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
    name: 'ServicePolicy',
})
</script>

<script lang="ts" setup>

</script>

<style scoped>
.indexServicePolicy {
    display: flex;
    height: 20px;
    justify-content: space-around;
    font-size: 12px;
    margin-top: 20px;
}

.indexServicePolicy .u-icon1 {
    display: inline-block;
    width: 20px;
    background: url("../img/a03dd909803b9ac032eba58b7253a2f6.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
    vertical-align: middle;
}

.indexServicePolicy .u-icon2 {
    display: inline-block;
    width: 20px;
    background: url("../img/2d0402ffcd52b3ec3b07422681c42a89.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
    vertical-align: middle;
}

.indexServicePolicy .u-icon3 {
    display: inline-block;
    width: 20px;
    background: url("../img/eb61ee48e8942dbd1784c9ee75ebe955.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
    vertical-align: middle;
}
</style>